{extend name="layout/index" /}
{block name="title"}
<title>修改活动</title>
{/block}
{block name="adminUser"}
<a href="#" data-toggle="dropdown">
	<img src="/admin/images/user-4.png" alt="user-image" class="img-circle img-inline userpic-32" width="28" />
	<span>
		{$adminUser}
		<i class="fa-angle-down"></i>
	</span>
</a>
{/block}
{block name="content"}

			<div class="row">
				<div class="col-sm-12">
					
					<div class="panel panel-default">
						<div class="panel-heading">
							<h3 class="panel-title">修改活动</h3>
							<div class="panel-options">
								<a href="#" data-toggle="panel">
									<span class="collapse-icon">&ndash;</span>
									<span class="expand-icon">+</span>
								</a>
								<a href="#" data-toggle="remove">
									×
								</a>
							</div>
						</div>
						<div class="panel-body">
							
							<form action="{:url('admin/doActiveEdit')}" method="post" enctype="multipart/form-data"  role="form" class="form-horizontal">

								<div class="form-group">
									<label class="col-sm-2 control-label" for="field-1">活动名称</label>
									
									<div class="col-sm-10">
										<input class="form-control" id="field-1" placeholder="输入活动名称" type="text" name="active_name" value="{$active.active_name}">
									</div>
								</div>
								<div class="form-group-separator"></div>

								<div class="form-group">
									<label class="col-sm-2 control-label" for="field-1">活动地址</label>
									
									<div class="col-sm-10">
										<input class="form-control" id="field-1" placeholder="输入活动地址" type="text" name="active_adress" value="{$active.active_adress}">
									</div>
								</div>

								<div class="form-group-separator"></div>
								
								<div class="form-group">
									<label class="col-sm-2 control-label" for="field-4">活动图片</label>
									
									<div class="col-sm-10">
										<input class="form-control" id="field-4" type="file" name="active_image">
									</div>
								</div>
								
								<div class="form-group-separator"></div>
								
								<div class="form-group">
									<label class="col-sm-2 control-label" for="field-5">视频描述</label>									
									<div class="col-sm-10">
										<textarea value="{$active.active_content}" name="active_content" class="form-control autogrow" cols="5" id="field-5" placeholder="" style="overflow: hidden; overflow-wrap: break-word; resize: horizontal; height: 68px;"></textarea>
									</div>
								</div>
								
								<div class="form-group-separator"></div>
								
								<div class="form-group">
									<label class="col-sm-3 control-label">活动的开始时间</label>
									
									<div class="col-sm-4">
										
										<div class="date-and-time">
											<input class="form-control datepicker" data-format="D, dd MM yyyy" type="text" name="active_begintime1" >
											<input class="form-control timepicker" data-template="dropdown" data-show-seconds="true" data-default-time="" data-show-meridian="true" data-minute-step="5" data-second-step="5" type="text" name="active_begintime2" >
										</div>
									</div>
								</div>

								<div class="form-group-separator"></div>

								<div class="form-group">
									<label class="col-sm-3 control-label">活动的结束时间</label>
									
									<div class="col-sm-4">
										<div class="date-and-time">
											<input class="form-control datepicker" data-format="D, dd MM yyyy" type="text" name="active_endtime1">
											<input class="form-control timepicker" data-template="dropdown" data-show-seconds="true" data-default-time="" data-show-meridian="true" data-minute-step="5" data-second-step="5" type="text" name="active_endtime2">
										</div>
									</div>
								</div>

								<div class="form-group-separator"></div>
								<input type="hidden" name="id" value="{$active.id}">
								<input type="submit" value="点击修改" class="btn btn-info btn-single pull-right"/>
							</form>
							
						</div>
					</div>
				
				</div>
			</div>

			<div id="chat" class="fixed">
			
			<div class="chat-inner">
			
				
				<h2 class="chat-header">
					<a href="#" class="chat-close" data-toggle="chat">
						<i class="fa-plus-circle rotate-45deg"></i>
					</a>
					
					Chat
					<span class="badge badge-success is-hidden">0</span>
				</h2>
				
				<script type="text/javascript">
				// Here is just a sample how to open chat conversation box
				jQuery(document).ready(function($)
				{
					var $chat_conversation = $(".chat-conversation");
					
					$(".chat-group a").on('click', function(ev)
					{
						ev.preventDefault();
						
						$chat_conversation.toggleClass('is-open');
						
						$(".chat-conversation textarea").trigger('autosize.resize').focus();
					});
					
					$(".conversation-close").on('click', function(ev)
					{
						ev.preventDefault();
						$chat_conversation.removeClass('is-open');
					});
				});
				</script>
				
				
				<div class="chat-group">
					<strong>Favorites</strong>
					
					<a href="#"><span class="user-status is-online"></span> <em>Catherine J. Watkins</em></a>
					<a href="#"><span class="user-status is-online"></span> <em>Nicholas R. Walker</em></a>
					<a href="#"><span class="user-status is-busy"></span> <em>Susan J. Best</em></a>
					<a href="#"><span class="user-status is-idle"></span> <em>Fernando G. Olson</em></a>
					<a href="#"><span class="user-status is-offline"></span> <em>Brandon S. Young</em></a>
				</div>
				
				
				<div class="chat-group">
					<strong>Work</strong>
					
					<a href="#"><span class="user-status is-busy"></span> <em>Rodrigo E. Lozano</em></a>
					<a href="#"><span class="user-status is-offline"></span> <em>Robert J. Garcia</em></a>
					<a href="#"><span class="user-status is-offline"></span> <em>Daniel A. Pena</em></a>
				</div>
				
				
				<div class="chat-group">
					<strong>Other</strong>
					
					<a href="#"><span class="user-status is-online"></span> <em>Dennis E. Johnson</em></a>
					<a href="#"><span class="user-status is-online"></span> <em>Stuart A. Shire</em></a>
					<a href="#"><span class="user-status is-online"></span> <em>Janet I. Matas</em></a>
					<a href="#"><span class="user-status is-online"></span> <em>Mindy A. Smith</em></a>
					<a href="#"><span class="user-status is-busy"></span> <em>Herman S. Foltz</em></a>
					<a href="#"><span class="user-status is-busy"></span> <em>Gregory E. Robie</em></a>
					<a href="#"><span class="user-status is-busy"></span> <em>Nellie T. Foreman</em></a>
					<a href="#"><span class="user-status is-busy"></span> <em>William R. Miller</em></a>
					<a href="#"><span class="user-status is-idle"></span> <em>Vivian J. Hall</em></a>
					<a href="#"><span class="user-status is-offline"></span> <em>Melinda A. Anderson</em></a>
					<a href="#"><span class="user-status is-offline"></span> <em>Gary M. Mooneyham</em></a>
					<a href="#"><span class="user-status is-offline"></span> <em>Robert C. Medina</em></a>
					<a href="#"><span class="user-status is-offline"></span> <em>Dylan C. Bernal</em></a>
					<a href="#"><span class="user-status is-offline"></span> <em>Marc P. Sanborn</em></a>
					<a href="#"><span class="user-status is-offline"></span> <em>Kenneth M. Rochester</em></a>
					<a href="#"><span class="user-status is-offline"></span> <em>Rachael D. Carpenter</em></a>
				</div>
			
			</div>
			
			<!-- conversation template -->
			<div class="chat-conversation">
				
				<div class="conversation-header">
					<a href="#" class="conversation-close">
						&times;
					</a>
					
					<span class="user-status is-online"></span>
					<span class="display-name">Arlind Nushi</span> 
					<small>Online</small>
				</div>
				
				<ul class="conversation-body">	
					<li>
						<span class="user">Arlind Nushi</span>
						<span class="time">09:00</span>
						<p>Are you here?</p>
					</li>
					<li class="odd">
						<span class="user">Brandon S. Young</span>
						<span class="time">09:25</span>
						<p>This message is pre-queued.</p>
					</li>
					<li>
						<span class="user">Brandon S. Young</span>
						<span class="time">09:26</span>
						<p>Whohoo!</p>
					</li>
					<li class="odd">
						<span class="user">Arlind Nushi</span>
						<span class="time">09:27</span>
						<p>Do you like it?</p>
					</li>
				</ul>
				
				<div class="chat-textarea">
					<textarea class="form-control autogrow" placeholder="Type your message"></textarea>
				</div>
				
			</div>
			
		</div>

{/block}

{block name="js"}
<!-- Imported styles on this page -->
<link rel="stylesheet" href="/admin/js/daterangepicker/daterangepicker-bs3.css">
<link rel="stylesheet" href="/admin/js/select2/select2.css">
<link rel="stylesheet" href="/admin/js/select2/select2-bootstrap.css">
<link rel="stylesheet" href="/admin/js/multiselect/css/multi-select.css">
<!-- Imported scripts on this page -->
<script src="/admin/js/daterangepicker/daterangepicker.js"></script>
<script src="/admin/js/datepicker/bootstrap-datepicker.js"></script>
<script src="/admin/js/timepicker/bootstrap-timepicker.min.js"></script>
<script src="/admin/js/colorpicker/bootstrap-colorpicker.min.js"></script>
<script src="/admin/js/select2/select2.min.js"></script>
<script src="/admin/js/jquery-ui/jquery-ui.min.js"></script>
<script src="/admin/js/selectboxit/jquery.selectBoxIt.min.js"></script>
<script src="/admin/js/tagsinput/bootstrap-tagsinput.min.js"></script>
<script src="/admin/js/typeahead.bundle.js"></script>
<script src="/admin/js/handlebars.min.js"></script>
<script src="/admin/js/multiselect/js/jquery.multi-select
{/block}

